<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="UTF-8">
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/css/icon/bootstrap-icon.css}" rel="stylesheet">
    <link th:href="@{/css/common-header-nav-copy.css}" rel="stylesheet">
    <link th:href="@{/css/userIndex/shoppingCart.css}" rel="stylesheet">
    <link th:href="@{/css/prepare.css}" rel="stylesheet">
</head>
<body>

<div class="row" style="height: 100%;width: 100%;background-color: rgba(213, 213, 213, 0.2);">
    <!--        左侧导航栏-->
    <div class="nav-fragment right-board col-2" th:replace="common/nav :: nav_common"></div>


    <div class="col-10 right-board" >
        <!--            头部-->
        <div class="row">
            <div class="" th:replace="common/header :: header_common"></div>
        </div>

        <!--     右中部-->
        <div class="row right-mid">
            <div class="row">
                <div class="col-12 goods-th-container">
                    <ul class="goods-list-th row">
                        <li class="th-color col-5">商品名称</li>
                        <li class="th-color col-2">商品价格</li>
                        <li class="th-color col-2">预购日期</li>
                        <li class="th-color col-3">操作</li>
                    </ul>
                </div>
            </div>
            <div class="row goods-list-td-banner">
                <div class="col-12 " >
                    <ul class="goods-list-td row" th:each="goods : ${goodsBoughtRecordList}">
                        <li class="col-5" th:text="${goods.getGoodName()}"></li>
                        <li class="col-2" th:text="${goods.getGoodPrice()} + '元'"></li>
                        <li class="col-2" th:text="${goods.getFormatDate()}"></li>
                        <li class="col-3" >
                            <div class="row">
                                <input type="button" class="col-3 good-btn" value="查看">
                                <input th:onclick="deleteGoods([[${goods.getId()}]])" type="button" class="col-3 good-btn" value="退货" style="transform: translateX(2rem)">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <!--        页脚版权-->
        <div class="row" >
            <div th:replace="common/copyright :: copyright_common"></div>
        </div>
    </div>

</div>

<script src="/js/jQuery.js"></script>
<script src="/js/common/nav.js"></script>
<script src="/js/userIndex/boughtGoods.js"></script>
</body>
</html>